<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>新闻资讯 - 电光云</title>
  <link rel="stylesheet" href="../css/styles.css">
  <link rel="stylesheet" href="../css/trial-form.css">
  <link rel="stylesheet" href="../css/typography.css">
  <link rel="stylesheet" href="../css/mobile-nav.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <script defer src="https://cloud.umami.is/script.js" data-website-id="73aa0aaa-5134-451a-a45c-eb4d3bc692bb"></script>
  <script src="../js/mobile-nav.js" defer></script>
</head>
<body>

  <!-- Banner -->
  <section class="banner" style="height: 40vh;">
    <div class="banner-slide active" style="background-image: url('https://images.unsplash.com/photo-1495020689067-958852a7765e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80');"></div>
    <div class="banner-overlay"></div>
    <div class="banner-content">
      <h1>新闻资讯</h1>
      <p>了解电光云最新动态</p>
    </div>
  </section>

  <!-- 新闻内容 -->
  <section style="padding: 60px 0; background-color: var(--white);">
    <div class="container">
      <div style="display: flex; flex-wrap: wrap;">
        <!-- 新闻列表 -->
        <div style="flex: 0 0 100%;">
          <div style="margin-bottom: 40px;">
            <h2>最新资讯</h2> 
          </div>

          <!-- 新闻项 1 -->
          <div style="margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--light-gray); display: flex; flex-wrap: wrap;">
            <div style="flex: 0 0 30%; padding-right: 20px;">
              <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="新闻图片2" style="width: 100%; height: 180px; object-fit: cover; border-radius: 8px;">
            </div>
            <div style="flex: 0 0 70%; padding-left: 20px;">

              <h3 style="margin-bottom: 10px;"><a href="news-detail.html" style="color: var(--dark-gray); transition: color 0.3s ease;">电光云完成A轮融资，加速高性能计算云平台研发</a></h3>
              <p style="color: var(--medium-gray); margin-bottom: 15px; display: flex; align-items: center;"><i class="far fa-calendar-alt" style="margin-right: 5px;"></i> 2023-06-15</p>
              <p style="margin-bottom: 20px; line-height: 1.6;">近日，北京电光云信息技术有限公司宣布完成A轮融资，本轮融资由XX投资领投，YY资本跟投。融资资金将主要用于高性能计算云平台的技术研发和市场拓展，进一步提升电光云在高性能计算领域的竞争力。</p>
              <a href="news-detail.html" style="display: inline-block; color: var(--primary-color); font-weight: bold; transition: color 0.3s ease;">查看详情 <i class="fas fa-arrow-right"></i></a>
            </div>
          </div>


          <!-- 新闻项 1 -->
          <div style="margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--light-gray); display: flex; flex-wrap: wrap;">
            <div style="flex: 0 0 30%; padding-right: 20px;">
              <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="新闻图片2" style="width: 100%; height: 180px; object-fit: cover; border-radius: 8px;">
            </div>
            <div style="flex: 0 0 70%; padding-left: 20px;">

              <h3 style="margin-bottom: 10px;"><a href="news-detail.html" style="color: var(--dark-gray); transition: color 0.3s ease;">电光云完成A轮融资，加速高性能计算云平台研发</a></h3>
              <p style="color: var(--medium-gray); margin-bottom: 15px; display: flex; align-items: center;"><i class="far fa-calendar-alt" style="margin-right: 5px;"></i> 2023-06-15</p>
              <p style="margin-bottom: 20px; line-height: 1.6;">近日，北京电光云信息技术有限公司宣布完成A轮融资，本轮融资由XX投资领投，YY资本跟投。融资资金将主要用于高性能计算云平台的技术研发和市场拓展，进一步提升电光云在高性能计算领域的竞争力。</p>
              <a href="news-detail.html" style="display: inline-block; color: var(--primary-color); font-weight: bold; transition: color 0.3s ease;">查看详情 <i class="fas fa-arrow-right"></i></a>
            </div>
          </div>

          <!-- 新闻项 1 -->
          <div style="margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--light-gray); display: flex; flex-wrap: wrap;">
            <div style="flex: 0 0 30%; padding-right: 20px;">
              <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="新闻图片2" style="width: 100%; height: 180px; object-fit: cover; border-radius: 8px;">
            </div>
            <div style="flex: 0 0 70%; padding-left: 20px;">

              <h3 style="margin-bottom: 10px;"><a href="news-detail.html" style="color: var(--dark-gray); transition: color 0.3s ease;">电光云完成A轮融资，加速高性能计算云平台研发</a></h3>
              <p style="color: var(--medium-gray); margin-bottom: 15px; display: flex; align-items: center;"><i class="far fa-calendar-alt" style="margin-right: 5px;"></i> 2023-06-15</p>
              <p style="margin-bottom: 20px; line-height: 1.6;">近日，北京电光云信息技术有限公司宣布完成A轮融资，本轮融资由XX投资领投，YY资本跟投。融资资金将主要用于高性能计算云平台的技术研发和市场拓展，进一步提升电光云在高性能计算领域的竞争力。</p>
              <a href="news-detail.html" style="display: inline-block; color: var(--primary-color); font-weight: bold; transition: color 0.3s ease;">查看详情 <i class="fas fa-arrow-right"></i></a>
            </div>
          </div>


          <!-- 新闻项 1 -->
          <div style="margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--light-gray); display: flex; flex-wrap: wrap;">
            <div style="flex: 0 0 30%; padding-right: 20px;">
              <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="新闻图片2" style="width: 100%; height: 180px; object-fit: cover; border-radius: 8px;">
            </div>
            <div style="flex: 0 0 70%; padding-left: 20px;">

              <h3 style="margin-bottom: 10px;"><a href="news-detail.html" style="color: var(--dark-gray); transition: color 0.3s ease;">电光云完成A轮融资，加速高性能计算云平台研发</a></h3>
              <p style="color: var(--medium-gray); margin-bottom: 15px; display: flex; align-items: center;"><i class="far fa-calendar-alt" style="margin-right: 5px;"></i> 2023-06-15</p>
              <p style="margin-bottom: 20px; line-height: 1.6;">近日，北京电光云信息技术有限公司宣布完成A轮融资，本轮融资由XX投资领投，YY资本跟投。融资资金将主要用于高性能计算云平台的技术研发和市场拓展，进一步提升电光云在高性能计算领域的竞争力。</p>
              <a href="news-detail.html" style="display: inline-block; color: var(--primary-color); font-weight: bold; transition: color 0.3s ease;">查看详情 <i class="fas fa-arrow-right"></i></a>
            </div>
          </div>


          <!-- 新闻项 1 -->
          <div style="margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--light-gray); display: flex; flex-wrap: wrap;">
            <div style="flex: 0 0 30%; padding-right: 20px;">
              <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=500&q=80" alt="新闻图片2" style="width: 100%; height: 180px; object-fit: cover; border-radius: 8px;">
            </div>
            <div style="flex: 0 0 70%; padding-left: 20px;">

              <h3 style="margin-bottom: 10px;"><a href="news-detail.html" style="color: var(--dark-gray); transition: color 0.3s ease;">电光云完成A轮融资，加速高性能计算云平台研发</a></h3>
              <p style="color: var(--medium-gray); margin-bottom: 15px; display: flex; align-items: center;"><i class="far fa-calendar-alt" style="margin-right: 5px;"></i> 2023-06-15</p>
              <p style="margin-bottom: 20px; line-height: 1.6;">近日，北京电光云信息技术有限公司宣布完成A轮融资，本轮融资由XX投资领投，YY资本跟投。融资资金将主要用于高性能计算云平台的技术研发和市场拓展，进一步提升电光云在高性能计算领域的竞争力。</p>
              <a href="news-detail.html" style="display: inline-block; color: var(--primary-color); font-weight: bold; transition: color 0.3s ease;">查看详情 <i class="fas fa-arrow-right"></i></a>
            </div>
          </div>

          <!-- 分页 -->
          <div style="margin-top: 50px; text-align: center;">
            <ul style="display: inline-flex; list-style: none; padding: 0;">
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--light-gray); color: var(--dark-gray); transition: all 0.3s ease;"><i class="fas fa-angle-left"></i></a></li>
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: var(--primary-color); color: white;">1</a></li>
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--light-gray); color: var(--dark-gray); transition: all 0.3s ease;">2</a></li>
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--light-gray); color: var(--dark-gray); transition: all 0.3s ease;">3</a></li>
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--light-gray); color: var(--dark-gray); transition: all 0.3s ease;">...</a></li>
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--light-gray); color: var(--dark-gray); transition: all 0.3s ease;">10</a></li>
              <li style="margin: 0 5px;"><a href="#" style="display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid var(--light-gray); color: var(--dark-gray); transition: all 0.3s ease;"><i class="fas fa-angle-right"></i></a></li>
            </ul>
          </div>
        </div>

        <!-- 侧边栏已删除 -->
        <div></div>
      </div>
    </div>
  </section>


  <script src="../js/app.js"></script>
  <script src="../js/trial-form.js" defer></script>
</body>
</html>